.app_content_container {
    height: calc(100vh - 64px);
    background-color: #fff;
    overflow-y: auto;
    border-radius: 8px 0 0;
    .search_box {
      padding: 0 16px ;
    }
    .table_operate{
      margin-bottom: 16px;
      padding: 0 16px;
      // border: 1px solid #000;
    }
    .content_info {
      height: calc(100vh - 180px);
      overflow: auto;
      padding: 0 16px;
      border-bottom: 1px solid #f99;
    }
  }
 





// 纵向滚动条
.content_info{
  &::-webkit-scrollbar{ /*滚动条整体样式*/
    width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }
  &::-webkit-scrollbar-thumb{ /*滚动条里面小方块*/
    border-radius: 8px;
    background: #cfcbcb;
  }
  &::-webkit-scrollbar-track{ /*滚动条里面轨道*/
    border-radius: 10px;
    background: #ededed;
  }
}

.modal_style {
  .garco-modal-body {
    max-height: 520px !important;
  }
}
.text_p {
  background: #e4e7ed;
  width: 100%;
  padding: 5px 12px;
  // color: #011948;/
  color: #2C406899;
  cursor: not-allowed;
}
.vm_info {
  .flex_between_aligncenter {
    padding: 0 12px;
    border-bottom: 1px solid #e5e6eb;
    color: #2c406899;
    height: 38px;
    background: #fff;
    &:nth-child(2) {
      border-bottom: none;
      color: #011948;
    }
    p {
      width: 100%;
      max-width: 138px;
      margin-right: 4px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
  }
}
.vm_detail_drawer {
  .garco-drawer {
    overflow: visible;
  }
  .garco-drawer-body {
    overflow: visible !important;
  }
}
.cus_collapse{
  padding: 0 16px;
  background: #F4F7FB;
  .garco-collapse-item-header{
    background: #F4F7FB !important;
    border: none;
    color: #011948;
    font-size: 16px;
  }
  .garco-collapse-item-content{
    margin-bottom: 16px;
    padding: 0;
  }
  .garco-collapse-item .garco-collapse-item-icon-hover{
    left: 0;
  }
  .garco-collapse-item-header-left{
    padding-left: 16px;
  }
}